{% extends "main/index.html" %}

{% block title %}
<title>Sirogi. Read Letter.</title>
<link type="text/css" rel="stylesheet" href="/site-media/default.css" />
{% endblock %}
{% block content %}
    <div class="titulo_contenedor">
	Write Letter
    </div>
    <div class="cuerpo_contenedor" style="text-align:left;">
	<form method="get" action="" >
	    {% if message %}
		<p>{{message}}<br><br></p>
	    {% endif %}

	    {% if letter %}
		<p> 
		    <u>From:</u> {{letter.Sender}}
		</p>
		<p> 
		    <u>Subject:</u> {{letter.Subject}}
		</p>
		<p> 
		    <u>Date:</u> {{letter.Date}}
		</p>
		<div style="text-aling:center; color: #333; background: #FFF; padding 10px 10px 10px 10px">
		    <img src="/site-media/Images/logo_facultad.jpg">
		    <div style="padding-left: 15px;"> 
			{{letter.Body|linebreaks}}
		    </div>
		    <br><br>
		</div>
	    {% endif %}
	    <br>
	    <div style="text-aling:left;">
		<a href="/letter/list/">Go to letters</a>
	    </div>
        </div>
	<div class="fondo_contenedor">
	</div>
  </form>
{% endblock %}
